import React from 'react';
import {
    Dimensions,
    StyleSheet, View
} from 'react-native';
const { width, height } = Dimensions.get('window');
import { createBottomTabNavigator } from 'react-navigation-tabs';
export const styles = StyleSheet.create({
    container:{
        flex:1,
        width:width,
        height:createBottomTabNavigator.DEFAULT_HEIGHT,
        backgroundColor: '#f7f7f7',
    },
    bannerImg:{
        width:width,
        height:180
    },
    mine_message:{
        position:'absolute',
        top:30,
        right:16,
        width:33,
        height:27,
    },
    userinfo:{
        position:'absolute',
        top:74,
        left:0,
        width:width,
        marginLeft:16,
        marginRight:16,
        flexDirection:'row',
    },
    user_head:{
        width:60,
        height:60,
        borderRadius:60,
        borderWidth:2,
        borderColor:'#ffffff',
    },
    info:{
        flexDirection:'column',
        marginTop:10,
        marginLeft:10,
    },
    nick:{
        flexDirection:'row',
        alignItems:'center',
    },
    mine_edit:{
        width:16,
        height:16,
    },
    amount:{
        flexDirection:'column',
        backgroundColor: '#ffffff',
        width:width - 32,
        marginTop:-30,
        marginLeft: 16,
        marginRight: 16,
        marginBottom:16,
        padding:10,
        borderRadius: 5,
    },
    mingxi:{
        flexDirection:'row',
        justifyContent:'flex-end',
        alignItems:'center',
        height:20,
    },
    jine:{
        flexDirection:'row',
        justifyContent:'space-around',
        alignItems:'center',
        borderBottomWidth:1,
        borderBottomColor:'#ededed',
        height:60,
    },
    caozuo:{
        flexDirection:'row',
        justifyContent:'space-around',
        alignItems:'center',
        height:40,
    },
    textinfo:{
        flexDirection:'column',
        alignItems:'center',
    },
    textinfo2:{
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center',
    },
    mine_cz:{
        marginRight:5
    },
    menu:{
        backgroundColor: '#ffffff',
        width:width - 32,
        paddingTop:16,
        paddingBottom:16,
        marginTop:10,  
        marginLeft:16,
        marginBottom:16,  
        borderRadius: 5,
        flexDirection:'row',
        flexWrap:'wrap',      
        justifyContent:'flex-start',
        alignItems:'center',
    },
    menu_item:{
        flexDirection:'column',
        justifyContent:'flex-start',
        alignItems:'center',
        width:(width - 32 )/4,
        marginBottom:10,
        height:40, 
    },
    noLogin:{
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        width:width,
        backgroundColor:'#ffffff',
        padding:50,
        height:120,
        marginBottom:40

    },
    login_btn:{
        marginTop:20,
        width:100,
        height:30,
        backgroundColor:'#d0162e',
        borderRadius:5,
        flexDirection:'row',
        justifyContent:'center',
        alignItems: 'center',
        textAlign:'center',
        color:'#ffffff'
    },

});
module.exports = styles;
